<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
<h:head/>      
<h:body>
    
    <ui:composition template="template/main.xhtml">
            
        <ui:define name="aside">
            <ui:include src="template/layout/aside.xhtml" />
        </ui:define>
        
        <ui:define name="body">
        
			<div class="panel panel-default">
				<div class="panel-body">
					<h4 style="margin:0;padding:0;padding-top:7px" class="pull-left"><h:link value="Productos" outcome="listProducts" /> / Listado de productos</h4>
					<a href="#" class="btn btn-success btn-sm pull-right">Crear producto</a>
				</div>
			</div>
            <div class="panel panel-default">
                <div class="panel-body">
                <p:dataTable id="primeTable" var="car" value="#{dtBasicView.cars}" tableStyleClass="table table-striped">
				    <p:column headerText="Código">
				        <h:outputText value="#{car.id}" />
				    </p:column>
				 
				    <p:column headerText="Nombre">
				        <h:outputText value="#{car.year}" />
				    </p:column>
				 
				    <p:column headerText="Marca">
				        <h:outputText value="#{car.brand}" />
				    </p:column>
				 
				    <p:column headerText="Fecha de registro">
				        <h:outputText value="#{car.color}" />
				    </p:column>

                    <p:column headerText="Estado">
                        <h:outputText value="#{car.color}" />
                    </p:column>

                    <p:column headerText="Edición">
                        <h:outputText value="#{car.color}" />
                    </p:column>

				</p:dataTable>
                </div>
            </div> 
        </ui:define>
          
    </ui:composition>
</h:body>
</html>